<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>50bus-首页</title>
    <meta name="keywords" content="50bus" />
    <meta name="copyright" content="50bus.cn" />
    <!-- <meta http-equiv="mobile-agent" content="http://www.50bus.cn/" />
    <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" /> -->
    <link rel="icon" href="/resources/img/favicon.ico" type="image/x-icon" />
    
    <link rel="stylesheet" type="text/css" href="/resources/css/base.css" media="all" />
    <link rel="stylesheet" type="text/css" href="/resources/css/globe.css" media="all" />
    <link rel="stylesheet" type="text/css" href="/resources/css/index.css?t=20140828" media="all" />
    <link rel="stylesheet" type="text/css" href="/resources/css/module-creative-dadong.css" media="all" />
    <script type="text/javascript" src="/resources/js/jquery-1.9.1.min.js"></script>
</head>

<body>
    <div class="header_wrap">
        <div class="header clearfix">
            <div class="fm980 fl clearfix">
                <a href="index.html" class="logo fl"></a>
                <ul class="nav_box fl">
                    <li><a href="/creative_list.html">形象创意</a></li>
                    <li><a href="/script_list.html">剧本创作</a></li>
                    <li><a href="/render_index.html">动画渲染</a></li>
                    <li><a href="/creative_helper.html">创意助手</a></li>
                </ul>
                <div class="about_box fr">
                     <a href="/about.html">关于我们</a>
                    <#if uid??&&uid!="">
	                    <a href="/user/user_work.html">个人空间</a>
	                    <a href="/logout.html">退出</a>
                    <#else>
	                    <a href="/register.html">注册</a>
	                    <a href="/login.html">登录</a>
                    </#if>
                </div>
            </div>
        </div>

    </div>

    <div class="body_wrap">
        <div class="index_box">
            
            <div id="topBannerSlider" class="index_banner_box">
                <div class="index_banner_con">
                    <a href="javascript:;" class="ms_btn ms_prev"></a>
                    <a href="javascript:;" class="ms_btn ms_next"></a>
                    <div class="banner_list">
                        <ul class="ms_slider clearfix" style="left:-1001px;">
                            <li class="ms_item">
                                <a href="#" >
                                    <img src="/resources/img/banner_1000x386_1.png">
                                </a>
                                <b class="mask_layer"></b>
                            </li>
                            <li class="ms_item cur">
                                <a href="#" >
                                    <img src="/resources/img/banner_1000x386_2.png">
                                </a>
                                <b class="mask_layer"></b>
                            </li>
                            <li class="ms_item">
                                <a href="#" >
                                    <img src="/resources/img/banner_1000x386_3.png">
                                </a>
                                <b class="mask_layer"></b>
                            </li>
                            <li class="ms_item">
                                <a href="#" >
                                    <img src="/resources/img/banner_1000x386_4.png">
                                </a>
                                <b class="mask_layer"></b>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

        <div class="box_white">
            <div class="index_con">
                <ul class="index_feature clearfix">
                    <li>
                        <a href="/creative_list.html" target="_blank" class="feature_img feature_img1"></a>
                        <a href="/creative_list.html" target="_blank" class="feature_t">形象创意</a>
                        <a href="/creative_list.html" target="_blank" class="feature_desc">以图像、模型和视频来展示您的各种奇思妙想，可被围观、点赞和购买，从而创造价值。专利简笔画搜图技术极速挖掘创意。</a>
                    </li>
                    <li>
                        <a href="/script_list.html" target="_blank" class="feature_img feature_img2"></a>
                        <a href="/script_list.html" target="_blank" class="feature_t">剧本创作</a>
                        <a href="/script_list.html" target="_blank" class="feature_desc">这是一种通过写作竞赛，进行剧本集体创作的模式，由各大影视公司将在这里发起竞赛任务。您的创作将会融汇于未来经典大作。</a>
                    <li>
                        <a href="/render_compare.html" target="_blank" class="feature_img feature_img3"></a>
                        <a href="/render_compare.html" target="_blank" class="feature_t">动画渲染</a>
                        <a href="/render_compare.html" target="_blank" class="feature_desc">以最有竞争力的计算价格，为企业及个人用户提供几乎无尽的计算资源，使之能自主完成大规模的动漫渲染任务，触碰想像的边界，构建精美的图画。</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="box_gray">
            <div class="index_con">
                <div class="index_con_t">热门形象创意</div>
                <ul class="works_show_list clearfix">
                 <#assign index=0>
                  <#list creativeList as creative>  
                    <#assign index=index+1>
                    <#if index <=4>
                     <li>
                       <a href="creative_detail.html?cid=${creative.cid}&uid_creative=${creative.uid}">
                        <div class="works_show">
                            <div class="works_img"><#if creative.cover_url??&&creative.cover_url!=""> <img style="width:214px;height:132px;" src=${creative.cover_url} /><#else><img src="/resources/img/eg_works_214.png"/></#if></div>
                            <div class="works_type_box clearfix">
                                <!--<span class="works_type fl">卡通类</span>-->
                                <span class="like_box fr">${creative.addlike}<b class="fav_heart"></b></span>
                            </div>
                            <div class="works_name">${creative.title}</div>
                            <!--<i class="icon_new"></i>-->
                            <i class="price_box">￥${creative.cvalue}</i>
                        </div>
                       </a>
                        <#list userList as user>
                          	<#if user.uid==creative.uid>
                          		<p class="user_name clearfix">
                            		<#if user.header_img?? && user.header_img!=''>
                                  		<img class="r10 fl" style="width:20px;height:20px;" src="${user.header_img}" /><span class="fz14 ml5 fl"><a href="#">${user.comp}</a></span>
	                             	<#else>
	                              		<img class="r10 fl" src="/resources/img/eg_user_img.png" /><span class="fz14 ml5 fl"><a href="#">${user.comp}</a></span>
	                             	</#if>
                          		</p>
                         	</#if>
                        </#list>
                      </li>
                     </#if>
                  </#list>  
                </ul>
                <p class="txt_center"><a href="/creative_list.html" class="btn_oper_purple">了解更多</a></p>
            </div>
        </div>
        <div class="box_white">
            <div class="index_con">
                <div class="index_con_t">最受关注剧本</div>
                <ul class="script_show_list clearfix">
                <#assign index=0>
                  <#list scriptList as script>
                   <#assign index=index+1>
                    <#if index <=5>
                    <li>
                        <a class="script_cover" href="/script_collect_detail.html?sid=${script.sid}"><#if script.s_cover??&&script.s_cover!=""><img style="width:140px;height:209px;" src="${script.s_cover}" /><#else><img  src="/resources/img/eg_140x209.jpg"></#if></a>
                        <a class="script_name" href="/script_collect_detail.html?sid=${script.sid}">${script.script_title}</a>
                        <#list userScriptList as user>
                          <#if user.uid==script.uid>
                        	<p class="script_comp">${user.comp}</p>
                          </#if>
                        </#list>
                    </li>
                    </#if>
                  </#list>  
                </ul>
                <p class="txt_center"><a href="/script_list.html" class="btn_oper_purple">了解更多</a></p>
            </div>
        </div>
        <div class="box_gray">
            <div class="index_con">
                <div class="index_con_t">渲染作品</div>
                <ul class="render_show_list clearfix">
                    <li>
                        <a class="icon_play" href="http://www.50bus.cn/resources/uploads/file/render/render1.mp4"></a>
                        <a class="render_cover" href="http://www.50bus.cn/resources/uploads/file/render/render1.mp4"><img src="/resources/img/render1.jpg"></a>
                        <a class="render_name" href="http://www.50bus.cn/resources/uploads/file/render/render1.mp4">Gray's Equation</a>
                        <p class="render_desc">该片为浙江大学数字媒体专业的韩天鹤同学创作，是其毕业作品，曾获全国大学生微电影大赛“最佳动画片”大奖。该片的渲染总成本为200元，充分展现了云渲染技术作为动漫创作利器，使得个人创作者也能进行大规模的制作创意，为之中国动漫产业的未来提供了无限发展潜力。</p>
                    </li>
                    <li>
                        <a class="icon_play" href="http://www.50bus.cn/resources/uploads/file/render/render3.mp4"></a>
                        <a class="render_cover" href="http://www.50bus.cn/resources/uploads/file/render/render3.mp4"><img src="/resources/img/render3.jpg"></a>
                        <a class="render_name" href="http://www.50bus.cn/resources/uploads/file/render/render3.mp4">昆塔－盒子总动员</a>
                        <p class="render_desc">该片由博采传媒2013年出品，是采用我们所研发系统渲染的首部动画电影长片，也是国内第一部采用真正云计算技术来制作的电影。此片制作中，我们最多调集了6700个计算节点来完成相关渲染任务，用于表现影片中所需的各种精细细节。此片曾荣获第二十届上海电视节最佳中国动画片奖、2013年度国际3D电影协会颁发的“杰出成就奖”等多个奖项，受到各界好评。</p>
                    </li>
                    <li>
                        <a class="icon_play" href="http://www.50bus.cn/resources/uploads/file/render/render2.mp4"></a>
                        <a class="render_cover" href="http://www.50bus.cn/resources/uploads/file/render/render2.mp4"><img src="/resources/img/render2.jpg"></a>
                        <a class="render_name" href="http://www.50bus.cn/resources/uploads/file/render/render2.mp4">逸</a>
                        <p class="render_desc">该片由浙江大学的王佩君创作，以清新洒脱的动画形式演绎了一段感人的古装爱情短剧。这本动画短剧在国内外多个专业动画展上展出，代表了当前该领域的顶尖水平。在该片制作过程中，采用了我们的云渲染技术后，总耗时渲染4天左右，却完成了相当于普通专业电脑2年10个月的工作量，比传统个人电脑渲染提高了数十倍效率并降低了60%的成本。</p>
                    </li>  
                </ul>
            </div>
        </div>

            <!-- <p class="index_link_bar"><img src="/resources/img/index_link_bar.png" /></p> -->
            <div class="index_link_bar">
                <div class="index_con">
                    <ul class="clearfix">
                        <li><a href=""><img src="/resources/img/f_link1.png" /></a></li>
                        <li><a href=""><img src="/resources/img/f_link2.png" /></a></li>
                        <li><a href=""><img src="/resources/img/f_link3.png" /></a></li>
                        <li><a href=""><img src="/resources/img/f_link4.png" /></a></li>
                        <li><a href=""><img src="/resources/img/f_link5.png" /></a></li>
                        <li><a href=""><img src="/resources/img/f_link6.png" /></a></li>
                    </ul>
                </div>
            </div>

        </div>

    </div>

    <div class="footer">
        <div class="fm980 clearfix">
            <div class="foot_link foot_link1 fl">
                <a href="/creative_list.html">形象创意</a>
                <a href="/script_list.html">剧本创作</a>
                <a href="/render_index.html">动画渲染</a>
                <a href="/creative_helper.html" >创意助手</a>
            </div>
            <div class="foot_link foot_link2 fl">
                <a href="http://zjusp.zju.edu.cn/">浙大科技园</a>
                <a href="http://www.zju.edu.cn/">浙江大学</a>
                <a href="/about.html" >关于我们</a>
            </div>
            <div class="copy_box fr">
                <img class="mb5" src="/resources/img/foot_text.png" />
                <p>&copy; 2013-2016 All right reserved</p>
                <p><a href="">服务条款</a><a href="">隐私条款</a><a href="">法律条款</a></p>
                <p style="display:none;"><a href="" class="share_icon share_sina"></a><a href="" class="share_icon share_wx"></a></p>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="/resources/js/page-index.js"></script>
    <script type="text/javascript">
    	<#if uid??&&uid!="">
	    	$.post("/common/getUserName.json",{"uid":${uid}},function(data){
	    		if(data.name){
	    			$('a[href="/user/user_work.html"]').html(data.name+"个人空间");
	    		}
	    	});
    	 </#if>
    </script>
</body>

</html>